<template>
  <div class="physical-room-listing">
    <ItemDetail :loading="tableLoading" :show.sync="showModal" :value="item" :title="`${action} Item`" :id="itemID" @submit="confirmSubmit" :action="action" ></ItemDetail>
    <div class="row">
      <div class="col-md-12 p-0">
        <filter-form v-if="filters.length" :columns="filters" @submit="submit"></filter-form>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12 bg-white p-0 m-0">
        <item-table title="Physical Room Listing List" :columns="defaultColumns" :data="data" :loading="tableLoading" @sort="sort"
                    :total="total" :model="model" isColumns isAdd @add="openEditPage"  isExport @export="exportExcel"
        >
          <template slot="actions" slot-scope="props">
            <button type="button" class="btn btn-info btn-outline btn-circle btn-md m-r-5" @click="openEditPage(props)">
              <i class="fif fif-edit"></i>
            </button>
            <button type="button" class="btn btn-danger btn-outline btn-circle btn-md m-r-5" @click="deleteItem(props)">
              <i class="fif fif-delete"></i>
            </button>
          </template>
        </item-table>
        <v-paginate :pageCount="pageCount" :page="page" @change="changePage"></v-paginate>
      </div>
    </div>
  </div>
</template>

<script>
  // components
  import vSelect from 'vue-select'
  import vPaginate from '@/components/widgets/Pagination'
  import ItemTable from '@/components/widgets/ItemTable'
  import ItemDetail from '@/components/widgets/ItemDetail'
  import FilterForm from '@/components/widgets/FilterForm'
  // mixin
  import {lifeHookMixin, itemMixin} from '@/mixins/item'

  export default {
    name: "PhysicalRoomListing-V2",
    components: {vSelect, vPaginate, ItemTable, ItemDetail, FilterForm},
    mixins: [lifeHookMixin, itemMixin],
    created() {
      // model
      this.model = 'PhysicalRoomListing';
     // console.log(this.$route)
    },
    methods: {
      openEditPage(props) {
        const pars = {actionType:'ADD'};
        if (props) {
            console.log(props.item);
          const physical_room_id = props.item.id;
          console.log("openEditPage...,physical_room_id=" + physical_room_id);
          pars.physical_room_id = physical_room_id;
          pars.actionType = 'EDIT';
        }
      //  console.log(pars);
        this.$router.push({name: 'PhysicalRoomListingEdit', params: pars})
      }
    }
  }
</script>

<style scoped>

</style>
